<template>
  <div>
       <p class="wx_pay">支付宝支付</p>
    <el-row class="pay_weixin">
      
      <el-button plain><img src="../assets/ali_qr.svg" alt=""><p>支付宝二维码</p></el-button>
      <el-button plain><img src="../assets/ali_bar.svg" alt=""><p>支付宝条形码</p></el-button>
      <el-button plain><img src="../assets/ali_jsapi.svg" alt=""><p>支付宝生活号</p></el-button>
      <el-button plain @click="pc_pay"><img src="../assets/ali_pc.svg" alt=""><p>支付宝pc网站</p></el-button>
      <el-button plain><img src="../assets/ali_wap.svg" alt=""><p>支付宝WAP</p></el-button>
      
     
    </el-row>
  </div>
</template>

<script>
export default {
    name:'zhifubao',
    methods: {
     async pc_pay(){
       await this.$router.push({name:'pcpay'})
       
      }
    },
}
</script>

<style>
.pay_weixin img{
    float:left;
    margin-right: 5px;
}
.pay_weixin p{
    float: left;
}
</style>